<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./tab.css">
</head>

<body>-
    <div class="tabsbox" id="tab">
        <!-- tab栏 -->
        <nav class="nav">
            <ul>
                <li class="liactive">
                    <span>测试1</span>
                    <span class="iconfont icon-guanbi"></span>
                </li>
                <li>
                    <span>测试2</span>
                    <span class="iconfont icon-guanbi"></span>
                </li>
                <li>
                    <span>测试3</span>
                    <span class="iconfont icon-guanbi"></span>
                </li>
            </ul>
            <div class="tabadd">
                <span>+</span>
            </div>
        </nav>
        <!-- tab内容 -->
        <div class="tabscon">
            <section class="conactive">我是测试1</section>
            <section>我是测试2</section>
            <section>我是测试3</section>
        </div>
    </div>
</body>
<script src="./tab.js">

</script>

</html>